.trapezoid {
    background-color: #fff7e6;
    padding: 10px 16px;
    color: #000;
    border-radius: 4px;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
  } //右弧度
  
  .trapezoid-left {
    background-color: #fff7e6;           /* 浅黄色背景 */
    padding: 10px 16px;                 /* 内边距 */
    color: #000;
    border-radius: 4px;                 /* 可选圆角 */
    /* clip-path 定义一个多边形，重点是左侧顶点不再是同一条竖线 */
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
  }
  